// ===首页样式===

// 邓元翔的模块封装库
@import '../../../common/less/deng_module.less';
// 常用方法库
@import '../../../common/less/function.less';

// 宋体
@SimSun :"\5B8B\4F53";
// 微软雅黑
@YaHei : "\5FAE\8F6F\96C5\9ED1", @SimSun;
// 头部高度
@header_h: 70px;
// logo图片高度
@logo_h: 40px;
// 头部导航超链接高度
@nav_a_h: 46px;
// 头部层级
@hd_zindex: 99;

/*=== 前台首页、招商通用头部导航模块 ===*/
.g-hd {
    width: 100%;
    height: @header_h;
    // 根据头部容器高度，计算垂直居中值
//  background-color: #ed5b43;
    background: url(../../common/img/header-nav-bg.png) repeat-x;
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0% 0%;
    z-index: @hd_zindex;
    .u-arrow{
        width: 9px;
        height: 5px;
        .inline_block;
        background: url(../../common/img/arrow.png) no-repeat;
        vertical-align: middle;
    }
    
    /*主体*/
    .m-bd{
        width: 1000px;
        height: @header_h;
        margin: 0 auto;
        position: relative;
    }

    .m-logo {
        float: left;
        width: 194px;
        height: 50px;
        margin-left: 5px;
        
        img {
            position: absolute;
            // 根据头部容器高度，计算垂直居中值
            top: (@header_h - @logo_h) / 2;
        }
    }
    /*导航*/
    .m-nav {
        position: absolute;
//      right: -125px;
        right: 0;
        
        li {
            float: left;
            text-align: center;
            width: 8em;
            margin-right: 10px;
            font-family: @YaHei;
            font-size: 14px;
            
        }
        // 让a垂直居中
        //        padding-top: (@header_h - @nav_a_h) / 2;
        a {
            color: #fff;
            display: block;
            font-size: 16px;
            width: 100%;
            height: @nav_a_h;
            line-height: @nav_a_h;
            // 让a垂直居中
            margin-top: (@header_h - @nav_a_h) / 2;
            
            &:hover {
                background-color: #ff6200;
                border-radius: 5px;
            }
        }
        
        .z-cur{
            background-color: #ff6200;
            border-radius: 5px;
        }
    }
    
    /*二维码*/
    .m-nav-app {
        a {
            position: relative; 
            height: 100%;
            line-height: @header_h;
            margin-top: 0;
            cursor: default;
            
            &:hover {
                background-color: #ff6200;
                border-radius: 0;
                
                .u-arrow{
                    background-position: 0 -5px;
                }
                
                .m-nav-appqr{
                    display: block;
                    background-color: #ff6200;
                    position: absolute;
                    top: 70px;
                    left: 0;
                    z-index: @hd_zindex;
                }
            }
        }
        .u-arrow,.u-qr,.u-tt{
            vertical-align: middle;
            margin-left: 5px;
        }
        .m-nav-appqr{
            line-height: 1em;
            display: none;
            padding: 5px 0 15px 0;
            
            span{
                @_font_size: 12px;
                font-size: @_font_size;
                height: @_font_size;
                line-height: @_font_size * 2;
                display: block;
                margin: 0 auto;
            }
            img{
                width: 90%;
                display: block;
                margin: 0 auto;
                vertical-align: top;
            }
        }
            
    }
    
    /*用户登录成功后显示名称*/
    .m-nav-user{
        display: none;
        position: relative;
        
        ul{
            position: absolute;
            left: 0;
            top: 0;  
            
            &:hover{
                background-color: #ff6200;
                .u-arrow{
                    background-position: 0 -5px;
                }
                .u-login-in,.u-login-out{
                    display: block;
                }
            }
        }
        li{
            margin: 0;
        }
        
        .u-login-in,.u-login-out{
            display: none;
            
            a:hover{
                background-color: #ff8335;
                border-radius: 0;
            }
        }
        
        .u-arrow{
            margin-left: 10px;
        }
    }
}


/*=== 登录框弹窗 ===*/
#login_frame{
    .f-pf;
    z-index: 9990;
}
